import { jsx, jsxs } from 'react/jsx-runtime';

function volumeOff (props) {
    const name = props.className;
    let className = 'w-svg';
    if (name) {
        className += ' ' + name;
    }
    let fn = props.onClick;
    let fnClick;
    if (fn) {
        fnClick = (e) => {
            fn(e);
        };
    }
    return (jsx("span", { onClick: fnClick, className: className, style: { fontSize: props.fontSize, color: props.color }, children: jsxs("svg", { viewBox: "0 0 1024 1024", width: "1em", height: "1em", fill: "currentColor", children: [jsx("path", { d: "M811 512c0 45.434-9.766 88.724-27.206 127.71l63.76 63.76C878.566 646.66 896 581.306 896 512c0-186.512-128-344.508-298-384l0 89.956C722 255.264 811 373.764 811 512z" }), jsx("path", { d: "M512 160.916 409.958 265.876 512 367.914Z" }), jsx("path", { d: "M841.684 793.77 182.232 134.314l-48 48 180.998 180.826-16.56 20.86L128 384l0 256 170.668 0L512 863.086 512 560l189.83 189.372C671.59 774.886 636 794.426 598 806.044L598 896c62-14.344 117.992-44.326 164.63-85.618l79.22 79.386 48-48.086-48.004-48.078L841.684 793.77z" }), jsx("path", { d: "M704.376 512c0-76.798-42.376-144.814-106.376-177.726l0 119.64 101.602 101.602C702.71 541.478 704.376 526.908 704.376 512z" })] }) }));
}

export { volumeOff as default };
